body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
}
li,
ol,
ul {
    list-style: none;
}
a,
u {
    text-decoration: none;
}
img {
    display: block;
    border: 0;
}
em,
i {
    font-style: normal;
}
b,
strong {
    font-weight: 100;
}
body,
html {
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
    font-weight: 100;
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

//top
#box-1 ul li:hover a {
    color: red;
}
#box-2 ul li:hover a {
    color: red;
}
#top {
    height: 26px;
    line-height: 26px;
    background: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
}
#top_con {
    width: 1202px;
    margin: 0 auto;
}
#top_con p {
    float: left;
}
#top_con p:nth-child(2) {
    margin-left: 55px;
}
#top_con p:nth-child(2) a {
    padding: 0 5px;
}
#top_con p:nth-child(2) a:hover {
    color: red;
}
#top_con p:nth-child(3) {
    float: right;
}
#top_con p:nth-child(3) a {
    padding: 0 5px;
}
#top_con p:nth-child(3) a:hover {
    color: red;
}
//search

#search {
    height: 112px;
}
#search_con {
    width: 1202px;
    margin: 0 auto;
}
#search_con h1 {
    float: left;
}
#search_con .search_input {
    width: 560px;
    height: 90px;
    margin-top: 20px;
    float: left;
    margin-left: 130px;
}
#search_con .search_input p:nth-child(1) a {
    padding: 5px;
    background: red;
    color: #fff;
}
#search_con .search_input p:nth-child(1) a:nth-child(2) {
    background: none;
    color: #000;
}
#search_con .search_input p:nth-child(1) a:nth-child(2):hover {
    background: coral;
}
#search_con .search_input p:nth-child(2) input {
    width: 447px;
    float: left;
    height: 32px;
    border: 1px solid red;
}
#search_con .search_input p:nth-child(2) span {
    display: block;
    width: 110px;
    float: left;
    height: 34px;
    background: red;
    line-height: 34px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
#search_con .search_input p:nth-child(3) a {
    margin-top: 5px;
    padding: 0 10px;
    border-right: 1px solid gainsboro;
    color: gainsboro;
}
#search_con .shouhou {
    float: right;
    margin-top: 20px;
    height: 70px;
    width: 250px;
}
#search_con .shouhou a {
    float: left;
    padding: 0 10px;
}
//nav
#nav {
    height: 36px;
    border-bottom: 2px solid #e31939;
}

//main
#main {}
#main_con {
    width: 1202px;
    margin: 0 auto;
}

#main {
    #main_con {
        .main_con_top {
            border: none;
            a:hover {
                color: red;
            }
        }
        .main_con_con {
            div:nth-child(1) {
                width: 1202px;
                height: 520px;
                div:nth-child(1) {
                    width: 400px;
                    height: 520px;
                    border: 1px solid gainsboro;
                    float: left;
                    #smallimg {
                        width: 400px;
                        height: 400px;
                        position: absolute;
                        overflow: hidden;
                    }
                    #smallglass {
                        display: none;
                        position: absolute;
                        background: darkcyan;
                        opacity: 0.5;
                    }
                    #bigglass {
                        z-index: 10;
                        visibility: hidden;
                        width: 500px;
                        height: 600px;
                        position: absolute;
                        left: 448px;
                        top: 213px;
                        overflow: hidden;
                    }
                    #bigimg {
                        width: 1200px;
                        height: 1200px;
                        position: absolute;
                    }
                    div:nth-child(3) {
                        width: 390px;
                        height: 100px;
                        position: absolute;
                        top: 625px;
                    }

                }
                div:nth-child(2) {
                    width: 580px;
                    height: 520px;
                    float: left;
                    padding: 0 10px;
                    p {
                        height: 50px;
                        line-height: 50px;
                        width: 580px;
                        text-align: center;
                    }
                    p:nth-child(3) {

                        width: 580px;
                        height: 90px;
                        background: ghostwhite;
                    }
                    p:nth-child(4) {
                        width: 580px;
                        height: 50px;
                        a {
                            padding: 0 10px;
                        }
                    }
                    p:nth-child(5) {
                        width: 580px;
                        height: 50px;
                        border-bottom: 1px solid gainsboro;
                        border-top: 1px solid gainsboro;
                        line-height: 50px;
                        a {
                            padding: 0 56px;
                            border-right: 1px solid gainsboro;
                        }
                        a:nth-child(3) {
                            border: none;
                        }
                    }
                    p:nth-child(6) {
                        line-height: 50px;
                        a {
                            float: left;
                            margin-left: 30px;
                        }
                    }
                    p:nth-child(7) {
                        height: 100px;
                        line-height: 100px;
                        a {
                            margin: 0 30px;
                        }
                        a:nth-child(1) {
                            padding: 15px;
                            background: red;
                        }
                        a:nth-child(2) {
                            padding: 15px;
                            background: hotpink;
                        }
                        a:nth-child(3) {
                            padding: 15px;
                            border: 1px solid gainsboro;
                        }
                        a:nth-child(4) {
                            padding: 15px;
                            border: 1px solid gainsboro;
                        }
                    }
                }
                div:nth-child(3) {
                    float: right;
                    width: 190px;
                    height: 520px;
                    background: ghostwhite;
                    border: gainsboro;
                    border-right: none;
                    padding-left: 10px;
                    p:nth-child(1) {
                        height: 50px;
                        line-height: 50px;
                        text-align: center;
                        border-bottom: 1px solid gainsboro;
                    }
                    p:nth-child(2) {
                        height: 30px;
                        line-height: 30px;
                        border-bottom: 1px solid gainsboro;
                        span {
                            float: left;
                            padding-right: 15px;
                        }

                    }
                    p:nth-child(3) {
                        border-bottom: 1px solid gainsboro;
                        padding: 20px 0;
                        a {
                            display: block;
                        }
                    }
                }
            }
            div:nth-child(2) {
                width: 1202px;
                height: 250px;
                margin-top: 15px;
                overflow: hidden;
                div:nth-child(1) {
                    height: 38px;
                    text-align: left;
                    line-height: 38px;
                    font-size: 18px;
                    a {
                        padding: 10px;

                    }
                }
                div:nth-child(2) {
                    width: 1202px;
                    margin: 0;
                    height: 210px;
                    line-height: 210px;
                    border: 1px solid gainsboro;
                    div:nth-child(1) {
                        width: 1110px;
                        overflow: hidden;
                        margin: 25px auto;
                        height: 160px;
                        ul {
                            width: 2000px;
                            transition: all 1s;
                            li {
                                z-index: 100;
                                width: 160px;
                                height: 160px;
                                margin-right: 30px;
                                float: left;
                                overflow: hidden;
                                img {
                                    width: 160px;
                                    height: 160px;
                                }
                                p {
                                    z-index: 999;
                                    text-align: center;
                                    width: 160px;
                                    height: 40px;
                                    transform: translateY(0px);
                                    transition: all 1s;
                                }

                            }

                        }
                    }
                    #leftgo {
                        border: none;
                        color: gainsboro;
                        width: 40px;
                        height: 150px;
                        position: absolute;
                        top: 815px;
                        left: 35px;
                        line-height: 150px;
                        font-size: 30px;
                        text-align: center;
                    }
                }
            }
        }
    }
}
//main con three
#main {
    #main_con {
        .main_con_con {
            div:nth-child(3) {
                width: 1202px;
             
                div:nth-child(1) {
                    float: left;
                    width: 206px;
                   height: 810px;
                    border: 1px solid gainsboro;
                    
                    margin-top: 10px;
                    div:nth-child(1) {
                        height: 135px;
                        border: 1px solid gainsboro;
                        p:nth-child(1) {
                            width: 200px;
                            height: 37px;
                            line-height: 37px;
                         
                            background: ghostwhite;
                               text-align: center;
                        }
                        p:nth-child(2) {
                            width: 200px;
                            a {
                                float: left;
                                width: 70px;
                                height: 22px;
                                margin-left: 20px;
                            }
                            a:hover {
                                color: red;
                            }
                        }
                    }
                    div:nth-child(2) {
                        @extend div:nth-child(1);
                        p:nth-child(1){
                            text-align: center;
                        }
                        a{
                            height: 22px;line-height: 22px;text-align: left;
                        }
                    }
                    div:nth-child(3){
                        height: 30px;
                        width: 200px;
                        margin-top: 10px;
                        border: 1px solid gainsboro;
                        padding: 0;
                        p:nth-child(1){
                            width: 200px;
                            height: 37px;
                            line-height: 37px;
                         
                            background: ghostwhite;
                             text-align: center;
                        }
            
                    }
                    div:nth-child(4){
                        width: 200px;height: 500px;
                  
                        top:1361px;
                        overflow: hidden;
                        position: absolute;
                        a{
                            img{
                                margin: 10px 0;
                            }
                        }
                    }
                }
                .instru{
                   
                    width: 830px;height: 12500px;
                    padding-left: 20px;
                  
                    #louti1{
                       
                        height: 34px;line-height: 34px;
                        font-size: 18px;
                        padding: 20px;
                    }
                    #louti1:hover{
                        color: red;
                    }
                    .p2{
                        width: 820px;height: 70px;
                        border: 1px solid gainsboro;
                        span{
                            float: left;width: 270px;height: 23px;
                        }
                    }
                   #louti2{
                        @extend #louti1;
                    }
                    #louti3{
                        @extend #louti1;
                    }
                    #louti4{
                        @extend #louti1;
                    }
                    #louti5{
                        @extend #louti1;
                    }
                    .p4{
                        width: 820px;height: 120px;
                        border: 1px solid gainsboro;
                        a:nth-child(1){
                            width: 180px;height: 120px;
                            line-height: 120px;text-align: center;float: left;
                        }
                        a:nth-child(2){
                                float: left;width: 100px;height: 120px;
                                margin-left: 50px;
                                i{
                                    display: block;height: 20px;line-height: 20px;
                                    background: chartreuse;margin: 20px 0;
                                    font-size: 8px;
                                }
                                i:nth-child(2){
                                    background: hotpink;
                                    width: 80px;
                                }
                                i:nth-child(3){
                                    background: red;
                                    width: 60px;
                                }
                        }
                      
                    }
                    .ping{
                        width: 820px;margin-top: 30px;
                        li{
                            width: 160px;height: 32px;line-height: 32px;
                            text-align: center;float: left;
                        }
                        li:nth-child(1){
                            background: hotpink;color: #fff;
                        }
                       li:hover{
                           background: red;color: #fff;
                       }
                    }
                    .evaluation{
                        margin-top: 100px;
                        width: 820px;height: 58px;line-height: 58px;
                        text-align: center;border: 1px solid gainsboro;
                    }
                    .packclear{
                        @extend p:nth-child(1);
                    }
                    .packclearmonad{
                        width: 820px;height: 560px;
                        margin-top: 10px;
                    }
                    .austin{
                        @extend p:nth-child(1);
                    }
                    .austinsafe{
                        width: 810px;height: 310px;
                        border: 1px solid gainsboro;
                        padding-left: 10px;
                    }
                    .faqs{
                        @extend p:nth-child(1);
                    }
                    .faq{
                        width: 820px;border: 1px solid gainsboro;
                        margin-top: 10px;
                        li{
                            min-height: 100px;border-bottom: 1px dashed gainsboro;
                            background: #fff;
                            a{
                                display: block;height: 20px;line-height: 20px;
                               padding-left: 10px;
                            }
                            a:nth-child(1){
                                padding-top: 10px;
                            }
                        }
                    }
                    
                }
                .addgocar{
                    width: 140px;height: 2500px;background: ghostwhite;
                    position: absolute;right: 33px;top:1015px;
                   
                    p{
                        width: 140;height: 50px;line-height: 50px;
                        text-align: center;background: red;color: #fff;
                    }
                    #wrap{
                        width: 140px;text-align: center;
                        li{
                            height: 50px;line-height: 50px;
                            width: 140px;
                        }
                    }
                    #wrap1{
                        position: fixed;right: 33px;top: 0;
                        width: 140px;text-align: center;
                        li{
                            height: 50px;line-height: 50px;
                            width: 140px;
                        }
                    }
                    
                }
                  .tupian{
                        width: 820px;
                        background: gold;
                        margin-top: 10px;
                    }

            }
        }
    }
}

//fangfajing

//blogroll
#blogroll_con {
    width: 1202px;
    height: 302px;
    min-height: 302px;
    margin: 0 auto;
    border-bottom: 1px solid gainsboro;
}
#blogroll_con p {
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid gainsboro;
}
#blogroll_con p a {
    padding: 0 30px;
    color: darkslateblue;
    font-size: 18px;
}
#blogroll_con ul {
    height: 234px;
}
#blogroll_con ul li {
    margin-top: 45px;
    float: left;
    width: 187px;
    height: 184px;
    border-right: 1px solid gainsboro;
}
#blogroll_con ul li a {
    width: 187px;
    text-align: center;
    display: block;
    padding: 2px 0;
}
#blogroll_con ul li a:hover {
    color: red;
}
#blogroll_con ul li:nth-child(6) {
    border: none;
}
//bottom
#bottom_con {
    width: 1202px;
    margin: 0 auto;
    height: 60px;
}
#bottom_con p {
    width: 1202px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
#bottom_con p a {
    border-right: 1px solid #000;
    padding: 0 1px;
}



//guding
#guding {
    width: 33px;
    height: 100%;
    position: fixed;
    right: 0;
    background: #000;
}

#guding {
    div:nth-child(1) {
        margin-top: 200px;
    }
    .cart {
        color: #fff;
        text-align: center;
        line-height: 20px;
        padding: 100px 0 0;
        span {
            display: block;
            width: 20px;
            margin: 0 auto;
        }
        i {
            width: 35px;
            height: 35px;
            display: block;
            background: url("../images/car.png") no-repeat;
        }
    }
    #shoppingnum {
        font-size: 18px;
        color: #fff;
        text-align: center;
    }
    div:nth-child(4) {
        width: 20px;
        height: 60px;
        font-size: 12px;
        margin-left: 10px;
        padding-top: 200px;
        a {
            color: #FFF;
        }
    }
}

#u-flyer {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: fixed;
    z-index: 9999;
}

#msg {
    position: fixed;
    top: 300px;
    right: 35px;
    z-index: 10000;
    width: 1px;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: #360;
    display: none;
}
/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


    .gw_num{border: 1px solid #dbdbdb;width: 110px;line-height: 26px;overflow: hidden;}
            .gw_num em{display: block;height: 26px;width: 26px;float: left;color: #7A7979;border-right: 1px solid #dbdbdb;text-align: center;cursor: pointer;}
            .gw_num .num{display: block;float: left;text-align: center;width: 52px;font-style: normal;font-size: 14px;line-height: 24px;border: 0;}
            .gw_num em.add{float: right;border-right: 0;border-left: 1px solid #dbdbdb;}